<template>
	<view class="kuang">
		<image class="bj" src="/static/图层 1@3x.png" mode=""></image>
		<text class="title">发放优惠券</text>
	</view>
	<view class="jiantou"></view>

	<view class="quyi">
		<view class="shangyi">

		</view>
		<view class="shanger">

		</view>
	</view>

</template>

<script setup>

</script>

<style scoped>
	.bj {
		position: absolute;
		z-index: 1;
		width: 750rpx;
		height: 430rpx;
	}

	.kuang {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 35rpx;
		position: absolute;
		z-index: 2;
		color: white;
		margin-top: 60rpx;
	}

	.jiantou {
		position: absolute;
		z-index: 2;
		width: 30rpx;
		height: 30rpx;
		border: 5rpx solid white;
		border-top: none;
		border-left: none;
		transform: rotate(135deg);
		margin-top: 60rpx;
		margin-left: 30rpx;
	}

	.quyi {
		position: absolute;
		z-index: 2;
		background-color: white;
		width: 710rpx;
		height: 420rpx;
		margin-top: 140rpx;
		margin-left: 20rpx;
		border-radius: 30rpx;
		border-bottom: 2rpx solid #f8f8f8;
	}

</style>